<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		
	</head>
	<body>
		<input type="button" name="" id="b1" value="hide" />
		<input type="button" name="" id="b2" value="show" />
				
		<input type="button" name="" id="b3" value="fadeout" />
		
	</body>
	<script>
		$("#b1").on("click",function(){
		    $.fun1();
		})
		$("#b2").on("click",function(){
		    fun2();
		})
		$("#b3").on("click",function(){
		    fun3();
		})
		
		 $(function(){
		      /*jquery扩展函数*/
		      $.extend({'fun1':function(){
		            alert("fun1 from jquery inside11");
		      }}); 
		
		      fun2 = function(){
		            alert("fun2 from jquery inside22");
		      };
		
		      function fun3(){
		            alert("fun3 from jquery inside33");
		      }
		
		});
	</script>
</html>
